﻿/* CSS Document */
/** 重置图片元素 **/
img {border:none;vertical-align:top;}
/** 重置列表元素 **/
ul,ol,li {list-style:none;}
/** 重置表格元素 **/
table {border-collapse:collapse;border-spacing:0;}
/**重置表单元素**/
input[type=submit] {cursor:pointer;}
input[type=button] {cursor:pointer;}
textarea {resize:none;overflow:auto;}
/* 设置默认字体样式 */
h1,h2,h3,h4,h5,h6,font,.phone-cn {font:300 24px/18px 'microsoft yahei';color: rgb(2, 73, 82);}
h1,h2{font: 900 24px/24px 'microsoft yahei', serif;}
h3{font: 900 20px/24px 'microsoft yahei', serif;}
h4{font: 900 18px/24px 'microsoft yahei', serif;}
h5{font: 900 16px/24px 'microsoft yahei', serif;}
h6{font: 900 14px/24px 'microsoft yahei', serif;}

/** 默认链接元素 **/
a {color:rgb(2,73,82);text-decoration:none;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s;}
a:hover {color:rgb(234,85,4);text-decoration:none;}
a:focus {-moz-outline-style:none;}
a:focus {outline:none;}
a * {cursor:pointer;}
q:before,q:after {content:none;}

/* 清除浮动 */
.clearfix:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.clearfix {*zoom:1;}
.clear {clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}

/* 分页样式 */
.k_pagelist {float:left;display:table;clear:both;line-height:30px;margin:20px 0 20px 50px;}
.k_pagelist em {padding:10px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:rgba(2, 73, 82,1);font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:10px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:rgba(212, 9, 16, 1);}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;width:30px;font-size:12px;margin:0px 1px;text-align:center;}

/* Padding 间距 */

.padding-80{padding:80px 0;}
.padding-bottom-80{padding-bottom:80px ;}
.heading-section {text-align: center;padding-bottom:80px;}

/* 标题样式*/
.en-title,.phone-en{color: rgb(234, 85, 4);}

/** Button 样式 **/
.button_more a{color:#ffffff;}
.button_more{background: rgb(2, 73, 82); display:inline-block;  width: 148px; height: 44px;overflow: hidden; line-height: 44px; text-align: center; margin-top: 20px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; position: relative; z-index: 1;}
.button_more em{ display: inline-block; width: 18px; height: 12px; background: url(../images/yan.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; transition: all 1s; }
.button_more:hover{background-color: #ea5504; animation: criss-cross-right 0.6s both;}
.button_more:hover em,.morebox:hover .button_more em{ background: url(../images/yan2.png) no-repeat center; background-size: 100% 100%;}

/** 线 **/
.line{background:#9fa0a0;}

/** 清除默认 padding **/
.clear-box-padding{    padding-left: 0px;padding-right: 0px;}

/* banner 样式 */
.banner-h1{font: 900 28px/48px 'microsoft yahei', serif;color: rgb(2, 73, 82);}
.banner-txt-bg-color{background:rgba(2, 73, 82,0.1);}
.banner-border{border-top:4px solid rgba(2, 73, 82,1);}
/** line **/
.custom-line{display:inline-block;width:80%;height:1px;background:rgba(234,85,4,0.1);margin:10px 0;z-index:2}

/* 标题 样式 */
.en-title{text-transform:uppercase;}
.text-align-center{text-align:center;}
.content-h1-color{color:rgba(212, 9, 16, 1);}
.related-post-post-slide a,.related-news-post-slide a{color: rgba(212, 9, 16, 1);}
/** 背景色彩 **/
.pic-txt-content-bg{background:#9fa0a0;}
.bg-white{background:rgba(255, 255, 255,1);}
.bg-gray{background:#e7e7e7;}
.bg-black-9{background:rgba(0, 0, 0,.9);}
.bg-gray-90{background:rgba(231, 231, 231,.9);}
.bg-gray-30{background:rgba(231, 231, 231,.3);}
.bg-gray-10{background:rgba(231, 231, 231,.1);}
.page-category li:before{background-color: #04abf4;}
.bg-footer-39{background:rgba(39,39,39,1);}
/** 首页产品中心 **/
.ProductsListIndexSlide .hd ul li.on {width: 12px;height: 12px;border-radius: 100%;background: rgb(2, 73, 82);opacity: 1;}
.ProductsListIndexSlide .hd ul li{width: 12px;height: 12px;margin-right:5px;border-radius: 100%;background:  rgb(2, 73, 82);opacity: .2;color:rgb(2, 73, 82);}

/** 导航背景 **/
.products-list-index{background:url(../images/bg_027.jpg) no-repeat center;background-size: cover;}
.category li .icon{background: url(../images/arrow.png)no-repeat;}
.page-category-title-box{background: url(../images/pro-nav.jpg)no-repeat;}
/** products-pic-list-2-3 **/
.products-list-pic-list-2-3-2 li{background:url(../images/list_bg.jpg) no-repeat center; background-size:100% 100%;}
/** products-pic-list-2-3 **/
.products-pic-list-2-3-bg{width:100%;background:url(../images/section-bg.jpg) no-repeat scroll center center/cover;}
.pic-text-1-bg-bg{width:100%;height:auto;background:url(../images/bg-1.jpg) no-repeat scroll center center/cover;}
.about-2-3-1-bg{width:100%;height:auto;background:url(../images/bg-2.jpg) no-repeat fixed center center/cover;}

.pic-txt-bg-a{background:url(../images/bg-2.jpg) no-repeat center center/cover;}
.pic-txt-bg-b{background:url(../images/bg-2.jpg) no-repeat fixed center center/cover;}
.pic-txt-bg-1-a{background:url(../images/section-bg.jpg) no-repeat center center/cover;}
.pic-txt-bg-2-a{background:url(../images/bg-1.jpg) no-repeat center center/cover;}
.pic-txt-bg-2-b{background:url(../images/bg-1.jpg) no-repeat fixed center center/cover;}
.pic-txt-content-bg{background:url(../images/list_bg.jpg) no-repeat center; background-size:100% 100%;}
.pageheader{background-image: url(../images/bg_07.jpg);}




/** Products List Index Slide **/
.products-list-index{padding:100px 0;position:relative;}
.products-list-index-heading-section {text-align: center;padding-bottom:80px;}
.products-list-index-category{box-shadow: 13px 13px 15px rgb(0 0 0 / 30%);}
.products-list-index-category .products-list-index-category-title-box{background-color: rgba(212, 9, 16, 1); border-top-right-radius: 30px;font: 800 24px/48px 'microsoft yahei', serif;color:rgba(255,255,255,1);text-align:center;padding:10px 0;margin:30px 0 25px;}
.products-list-index-category ul{padding-bottom:40px;}
.products-list-index-category li{font: 500 16px/40px 'microsoft yahei';border-bottom:1px dashed #afafb1; position: relative;}
.products-list-index-category li .icon{width: 8px; height: 16px; position: absolute; right: 15px; top: 50%;margin-top: -8px; transition: all 0.3s ease;}
.ProductsListIndexSlide {width:100%;position:relative;}
.ProductsListIndexSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.ProductsListIndexSlide .bd ul {width:100% !important;}
.ProductsListIndexSlide .bd li {width:100% !important;height:auto;overflow:hidden;text-align:center;}
.ProductsListIndexSlide .hd {width:100%;position:absolute;z-index:1;bottom:-35px;left:0;height:30px;line-height:30px;text-align:center;_background:#000;_filter:alpha(opacity=60);}
.ProductsListIndexSlide .hd ul {text-align:left;padding-top:5px;}
.ProductsListIndexSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;overflow:hidden;}
.products-list-index-box{padding:30px 0;}
.products-list-index-post{padding:0px 0px 10px;background:rgba(255, 255, 255,1);margin:30px 5px;box-shadow: 13px 13px 15px rgb(0 0 0 / 30%);}
.products-list-index-thumb img{width:100%;height:auto;}
.products-list-index-title h3{font: 500 16px/20px 'microsoft yahei', serif;margin-top:5px;margin-bottom:0;}
@media only screen and (max-width:922px) {
.products-list-index-category{padding:50px auto 30px;}
.ProductsListIndexSlide .hd {display:none;}
.ProductsListIndexSlide .bd {margin:10px auto;overflow:inherit;}
.ProductsListIndexSlide .bd ul{margin:50px auto 100px;overflow:inherit;}
.products-list-index>.container>.row{margin-left:0px;margin-right:0px;}
.products-list-index{background:rgba(231, 231, 231,.1);}
}



/* NewsCategroyList public */
.IndexNewsList{padding:80px 0;}
.IndexNewsList-heading-section {text-align: center;padding-bottom:40px;}
.post-slide .post-img {overflow:hidden;margin-top:10px;margin-bottom:10px;}
.post-slide .post-img img {width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img {transform:scale(1.4);}
.post-slide .post-content {background:#fff;padding:5px 20px 5px;}
.post-slide .post-title {font-size:15px;font-weight:600;margin-top:0;text-transform:capitalize;}
.post-slide .post-title a {display:inline-block;transition:all 0.3s ease 0s;}
.post-slide .post-title a:hover {text-decoration:none;}
.post-slide .post-description {font-size:13px;color:#676767;line-height:15px;margin-bottom:8px;height:30px;overflow:hidden;}
.post-slide .post-bar {padding:0;margin-bottom:15px;list-style:none;}
.post-slide .post-bar li {color:#676767;padding:2px 0;}
.post-slide .post-bar li i {margin-right:5px;}
.post-slide .post-bar li a {display:inline-block;font-size:12px;color:#808080;transition:all 0.3s ease 0s;}
.post-slide .post-bar li a:after {content:",";}
.post-slide .post-bar li a:last-child:after {content:"";}
.post-slide .post-bar li a:hover {color:#3d3030;text-decoration:none;}

/* Footer */
.footer{padding:50px 0;border-top:solid 4px rgba(212, 9, 16, 1);}
.footer-title{font: 400 18px/32px 'microsoft yahei', serif;color:rgba(255,255,255,.8);text-align:left;padding-left:40px;}
.footer-contact-content,.footer-menu-content{margin-bottom:40px;}
.footer-contact-content li, .footer-menu-content li{font: 300 14px/24px 'microsoft yahei', serif;color:rgba(255,255,255,.8);} 
.footer-contact-content li i{color: rgba(255,255,255,.6); margin-right: 10px;font-size: 18px;min-width:20px;text-align:center;}
.footer-menu-content a{color:rgba(255,255,255,.8);}
.footer-erweima img{padding-top:20px;width:130px;height:auto;margin-left:calc(50% - 65px);}
.footer-erweima p,.copyright p{font: 300 14px/40px 'microsoft yahei', serif;color:rgba(255,255,255,.6);text-align:center;}
.copyright p a{color:rgba(255,255,255,.6);}
.copyright{padding:15px 0;border-top:solid 1px rgba(255, 255, 255, .2);}
.footer-logo{border-right:solid 1px rgba(255,255,255,0.2);}
.footer-logo img{filter:grayscale(100%) brightness(2.4); max-width:280px;height:auto;margin-bottom:20px;}
.hot-line{font:500 25px/50px  'Oswald-Regular', Arial, 'microsoft yahei', sans-serif !important;color:rgba(255,255,255,.7);}
.website-url{font:400 14px/14px  'Oswald-Regular', Arial, 'microsoft yahei', sans-serif !important;color:rgba(255,255,255,.5);margin-bottom:40px;}
.footer-name{border-bottom:solid 1px rgba(255, 255, 255, .3);padding-bottom:10px;margin-right:80px;}
.footer-name p{font: 300 40px/40px 'microsoft yahei', serif;color:rgba(255,255,255,1);padding-left:20px;border-left:solid 4px rgba(212, 9, 16, 1);margin:20px auto 10px;}
